<template>
  <div class="menubox">
      <p v-for="i in array" :key="i.val">
        <span>{{ i.val }}</span>
        <span>{{ i.num }}</span>
      </p>
  </div>
</template>
<script lang="ts" setup>
const array = [{val:'全部脚本',num:20},{val:'未分类',num:10},{val:'测试',num:2}]
</script>
<style scoped lang="scss">
.menubox{
  padding: 10px 0;
  p{
    padding: 0 10px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
  }
  p:hover{
    background: #b2d3ff;
    color: #4885d4;
  }
}
</style>